<?php ob_start() ?>

<div class="row">
    <?php if (isset($_SESSION['publicidad_msj'])) { ?>
        <div class="alert alert-success alert-dismissable col-lg-12 text-center">
            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            <strong><?php echo $_SESSION['publicidad_msj'] ?></strong>
        </div>
        <?php
        unset($_SESSION['publicidad_msj']);
    }
    ?>
    <div class="col-lg-12">
        <h1>Anuncios <small>Añadir Anuncio</small></h1>
        <hr>
    </div>
</div><!-- /.row -->

<div class="row">
    <div class="col-lg-6">

        <form role="form" name="form_anadir_anuncio" id="form_anadir_anuncio" action="registro_anuncio" method="post" enctype="multipart/form-data">
            <div class="form-group">
                <label for="nombre">Nombre:</label>
                <input class="form-control" name="nombre" type="text" required="required" id="nombre" />
            </div>
            <div class="form-group">
                <label for="descripcion">Descripción:</label>
                <textarea class="form-control" name="descripcion" type="text" required="required" id="descripcion" style="height:150px;"></textarea>
            </div>
            <div class="form-group">
                <label for="archivo">Archivo:</label>
                <input class="form-control" name="archivo" type="file" accept="image/jpeg, image/gif, image/png" required="required" id="archivo" />
            </div>
            <!--<div class="form-group">
                <label for="fechaimpresion">Fecha de Impresión:</label>
                <input class="form-control" name="fechaimpresion" type="text" required="required" id="fechaimpresion"/>
            </div>-->
            <div class="form-group">
                <label for="url">URL:</label>
                <input class="form-control" name="url" type="text" required="required" id="url" placeholder="http://" value="http://"/>
            </div>
            <div class="form-group">
                <label for="cliente">Clientes:</label>
                <select name="cliente" class="form-control" >
                    <option value="0">Elige un cliente: </option>
                    <?php
                    foreach ($params_clientes as $fila) {
                        echo '<option value="' . $fila['id'] . '">' . $fila['nombre'] . ' ' . $fila['apellidos'] . '</option>';
                    }
                    ?>
                </select>
            </div>
            <div class="form-group">
                <label for="tarifa" style="width: 100%; display: block" >Tarifa:</label>
                <select name="tarifa" id="tarifa" class="form-control" style="width: 74%; display: inline-block" >
                    <option value="0">Elige una Tarifa: </option>
                    <?php
                    foreach ($param_tarifas as $fila) {
                        echo '<option value="' . $fila['id'] . '">' . $fila['nombre'] . ' | ' . $fila['impresiones'] . '  impresiones ' . ' | ' . $fila['precio'] . '  €</option>';
                    }
                    ?>
                </select>
                <!-- Button trigger modal -->
                <a class="btn btn-primary" style="display: inline-block;vertical-align: bottom; width: 25%;" data-toggle="modal" data-target="#modaltarifa">Ver Tarifas</a>
            </div>
            <div class="form-group">
                <div class="form-group" style="margin-top: 10px;">
                    <label for="impresionesxdia">Impresiones por día:</label>
                    <input class="form-control" name="impresionesxdia" type="text" required="required" id="impresionesxdia"/>
                </div>

                <!-- Modal -->
                <div class="modal fade" id="modaltarifa" tabindex="-1" role="dialog" aria-labelledby="modaltarifa" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                                <h4 class="modal-title" id="myModalLabel">Datos Tarifas</h4>
                            </div>
                            <div class="modal-body">
                                <table class="table table-bordered table-hover table-striped tablesorter">
                                    <thead>
                                        <tr>
                                            <th>Nombre <i class="fa fa-sort"></i></th>
                                            <th>Precio <i class="fa fa-sort"></i></th>
                                            <th>Impresiones <i class="fa fa-sort"></i></th>
                                            <th>Pais <i class="fa fa-sort"></i></th>
                                            <th>Sitio <i class="fa fa-sort"></i></th>
                                            <th>Acciones</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <?php //print_r($params_clientes) ?>
                                        <?php foreach ($param_tarifas as $fila) { ?>
                                            <tr>
                                                <td><?php echo $fila['nombre'] ?></td>
                                                <td><?php echo $fila['precio'] ?></td>
                                                <td><?php echo $fila['impresiones'] ?></td>
                                                <td><?php echo $fila['pais'] ?></td>
                                                <td><?php echo $fila['sitionombre'] ?></td>
                                                <td align="center">
                                                    <a href="ver_tarifa/<?php echo $fila['id'] ?>"><i class="fa fa-search"></i></a>
                                                    <?php if ($_SESSION['weokey_publicidad_tipo_usuario'] == md5('administrador')) { ?>
                                                        <a href="modificar_tarifa/<?php echo $fila['id'] ?>"><i class="fa fa-edit" title="Modificar"></i></a>  
                                                        <a href="desactivar_tarifa/<?php echo $fila['id'] ?>"><i class="fa fa-ban" title="Desactivar"></i></a>
                                                    <?php } ?>
                                                </td>
                                            </tr>
                                        <?php } ?>
                                    </tbody>
                                </table>

                            </div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <button type="submit" class="btn btn-default">Guardar Datos</button>
        </form>

    </div>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $('#form_anadir_anuncio').bootstrapValidator({
            message: 'Datos no validos',
            feedbackIcons: {
                valid: 'fa fa-check',
                invalid: 'fa fa-times',
                validating: 'fa fa-refresh fa-spin'
            },
            live: 'enabled',
            submitButtons: 'button[type="submit"]',
            submitHandler: null,
            trigger: null,
            fields: {
                nombre: {
                    message: 'Nombre no valido',
                    validators: {
                        notEmpty: {
                            message: 'El nombre es requerido, no puede estar vacio.'
                        },
                        stringLength: {
                            min: 2,
                            max: 45,
                            message: 'El nombre debe tener entre 2 y 45 caracteres.'
                        },
                        regexp: {
                            regexp: /^[ a-zA-ZñÑáéíóúÁÉÍÓÚ0-9_/,.\s]+$/,
                            message: 'El nombre solo puede contener caracteres alfanuméricos, barra baja, coma y punto.'
                        }
                    }
                },
                descripcion: {
                    validators: {
                        notEmpty: {
                            message: 'La descripción es requerido, no puede estar vacio.'
                        }
                    }
                },
                archivo: {
                    validators: {
                        notEmpty: {
                            message: 'El archivo es requerido, no puede estar vacio.'
                        },
                        file: {
                            extension: 'jpeg,JPEG,jpg,JPG,png,PNG,gif,GIF',
                            type: 'image/jpeg,image/JPEG,image/jpg,image/JPG,image/png,image/PNG,image/gif,image/GIF',
                            maxSize: 2048 * 1024, // 2 MB
                            message: 'El archivo no es valido.'
                        }
                    }
                },
                url: {
                    validators: {
                        notEmpty: {
                            message: 'La URL es requerida, no puede estar vacio.'
                        },
                        uri: {
                            message: 'La URL es incorrecta.'
                        }
                    }
                },
                cliente: {
                    validators: {
                        notEmpty: {
                            message: 'Debes asignar el anuncio a un cliente.'
                        },
                        callback: {
                            message: 'Debes asignar el anuncio a un cliente.',
                            callback: function(value, validator) {
                                // Get the selected options
                                var options = validator.getFieldElements('cliente').val();
                                return (options != 0);
                            }
                        }
                    }
                },
                tarifa: {
                    validators: {
                        notEmpty: {
                            message: 'Debes asignar el anuncio a una una tarifa.'
                        },
                        callback: {
                            message: 'Debes asignar el anuncio a una una tarifa.',
                            callback: function(value, validator) {
                                // Get the selected options
                                var options = validator.getFieldElements('tarifa').val();
                                return (options != 0);
                            }
                        }
                    }
                },
                impresionesxdia: {
                    validators: {
                        notEmpty: {
                            message: 'Las impresiones por día son requeridos, no puede estar vacio.'
                        },
                        integer: {
                            message: 'Las impresiones día debe ser un número.'
                        },
                        regexp: {
                            regexp: /^[0-9\s]+$/,
                            message: 'Las impresiones día debe ser un número.'
                        }
                    }
                }
            }
        });
    });
</script>

<?php
$contenido = ob_get_clean();
include "app/templates/$template.php";
?>
